import React from "react";

const SvgList = () => {
  const list = [
    {
      title: "全天候售后服务",
      svg: "/svg/a1.svg",
    },
    {
      title: "极速服务应答",
      svg: "/svg/a2.svg",
    },
    {
      title: "客户价值为先",
      svg: "/svg/a3.svg",
    },
    {
      title: "全方位安全保障",
      svg: "/svg/a4.svg",
    },
  ];

  return (
    <div className="flex justify-between p-5">
      {list.map(({ title, svg }) => {
        return (
          <div className="text-center">
            <div className="flex justify-center">
              <img className="w-7 h-7" src={svg} alt="" />
            </div>
            <p className="text-xs mt-2">{title}</p>
          </div>
        );
      })}
    </div>
  );
};

export default SvgList;
